<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/base/base.css" />

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/especifico/portafolio.css" />

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/especifico/tabla.css" />


<link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>

<script type="text/javascript"  src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js" ></script>


<script src="<%=request.getContextPath()%>/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery.mouseSwipe.1.0.2.min.js" type="text/javascript"></script>



<script type="text/javascript" >
var tamFoto=207;
var datos=[
           {nombre:"juana loza", monto:200, fet:"12/12/12" ,porc:90, idPais:0 , pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ <a>...</a>"},
           {nombre:"juana loza",monto:200, fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0 , pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
          
           
           {nombre:"juana loza", monto:200, fet:"12/12/12" ,porc:90, idPais:0 , pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ <a>...</a>"},
           {nombre:"juana loza",monto:200, fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0 , pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" , porc:90,idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"},
           {nombre:"juana loza",monto:200,fet:"12/12/12" ,porc:90, idPais:0, pais:"Portugal", sector:"Agricola|personal" ,detalle:"asdlknasd dsapon asdñkn dsañ sadñk asd sdañk sdañk sadñ"}
           
           ];




/*

$(document).ready(function(){
	   // Your code here
	   
// 	   $(document).bind("dragstart", function() { return false; });
// 	   	$('#izq .cont').swipe({
//     TYPE:'mouseSwipe',
//     HORIZ: true
//   });
	   	var max=datos.length/3;
	   	var tm=tamFoto*max;
	   	$("#izq .cont").width((tm)+"px");
	   	var cFila=1;
	   	var idFila=0;
	   	crearFila(idFila);
	   for(var i=0; i<datos.length;i++)
	   {
		   
	   		
	   		if(cFila>max)
	   		{
	   			
	   			idFila++;
	   			cFila=0;
	   			crearFila(idFila);
	   			crearPrestamo(i,idFila);
	   			cFila++;
	   		}
	   		else
	   		{
	   			crearPrestamo(i,idFila);
	   			cFila++;
	   		}
	   		
	   }
// 	$("#d0").click(function() {
		
// 		$("#der .cont").html("hola gente");
		
// 		});




	 });


function  crearFila(idFila)
{
	var html='<div id="fl'+idFila+'" class="fila"> </div>';
	$("#izq .cont").append(html);
	
}


function  crearPrestamo(id,idFila)
{
	var html=
	
		'<div id="g'+id+'" class="gente">'+

		'<div id="f'+id+'" class="foto">'+
		'<div id="porc'+id+'"></div>'+  
		'</div>'+
		
		'<div class="contDatos">'+


			'<div class="monto"> Fecha: <span id="ft'+id+'" /></div>'+
			'<div class="monto"> Monto: <span id="mt'+id+'" /></div>'+
		'</div>'+
		'<a href="#" class="advanced-link button">Ofertar</a>'+
		
	'</div>';
	
	$("#fl"+idFila).append(html);
	$('#f'+id).css('background-image', 'url(<%=request.getContextPath()%>/imagenes/accion.jpg)');


	$('#porc'+id).html(datos[id].porc+"%");

	$('#ft'+id).html("$"+datos[id].fet);
	$('#mt'+id).html("$"+datos[id].monto);
}

*/

</script>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>


<div id="usuario" class="contElemento">
	<div class="foto">
	
	</div>
	<div class="nombre">
	Narciso Cerpa
	</div>
	
	<ul>
		<li><a>Perfil</a></li>
		
		<li><a>Mi Portafolio</a></li>
		<li><a href="<%=request.getContextPath()%>/pages/prestamos.jsp#">Prestamos</a></li>
		<li><a href="<%=request.getContextPath()%>/pages/derivados.jsp#">Derivados</a></li>
	</ul>

</div>
<div class="contenedor">





<div id="izq" >


<div class="cont2">



<div class="cont">


					<table summary="Submitted table designs" width="800">
						<caption>Préstamos</caption>
						<thead>
							<tr width="800">
								<th scope="col">ID</th>
								<th scope="col">Nombre</th>
								<th scope="col">Monto</th>
								<th scope="col">Fecha término</th>
								<th scope="col">Detalle</th>
							</tr>
						</thead>
						<tfoot>
							<tr width="800">
								<th scope="row">Total</th>
								<td colspan="4">4 préstamos</td>
							</tr>
						</tfoot>
						<tbody>
							<tr width="800">
								<td scope="row" id="r100">g0</td>
								<td>Hugo Ruiz Quilaleo</td>
								<td>50000</td>
								<td>25/03/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
							<tr width="800" class="odd">
								<td>g1</td>
								<td>Elmer Yucra Huachaca</td>
								<td>30000</td>
								<td>15/02/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
							<tr width="800">
								<td>g3</td>
								<td>Fredy Alarcón</td>
								<td>15000</td>
								<td>05/01/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
							<tr width="800" class="odd">
								<td>g5</td>
								<td>Pamela Riquelme</td>
								<td>10000</td>
								<td>01/02/2013</td>
								<td><a 
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
						</tbody>
					</table>
					
					<br/>
					<br/>
					<br/>
					<br/>
					
					<table summary="Submitted table designs" width="800">
						<caption>Derivados</caption>
						<thead>
							<tr width="800">
								<th scope="col">ID</th>
								<th scope="col">Nombre</th>
								<th scope="col">Monto</th>
								<th scope="col">Fecha término</th>
								<th scope="col">Detalle</th>
								<th scope="col">Vender</th>
							</tr>
						</thead>
						<tfoot>
							<tr width="800">
								<th scope="row">Total</th>
								<td colspan="4">3 derivados</td>
							</tr>
						</tfoot>
						<tbody>
							<tr width="800">
								<td scope="row" id="r100">g9</td>
								<td>Amalia Garrido</td>
								<td>20000</td>
								<td>05/05/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
							<tr width="800" class="odd">
								<td>g12</td>
								<td>Carmen Alvarez</td>
								<td>14000</td>
								<td>01/02/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
							<tr width="800">
								<td>g15</td>
								<td>Aquiles Baeza</td>
								<td>16000</td>
								<td>05/04/2013</td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
								<td><a
									href="<%=request.getContextPath()%>/pages/detalle/portafolio.jsp#"
									title="Ver detalle">Ver</a></td>
							</tr>
						</tbody>
					</table>

				</div>

</div>


</div>



</div >



<div id="pie">

</div >

</div >

</body>
</html>